﻿<!DOCTYPE html>
<html>
  <head>
    <title>屏蔽和马赛克（马赛克暂不做）</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/屏蔽和马赛克（马赛克暂不做）/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/屏蔽和马赛克（马赛克暂不做）/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u2041" class="ax_default _形状">
        <img id="u2041_img" class="img " src="images/屏蔽和马赛克（马赛克暂不做）/u2041.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u2042" class="ax_default" data-left="0" data-top="0" data-width="1458" data-height="1001">

        <!-- Unnamed (矩形) -->
        <div id="u2043" class="ax_default _形状">
          <img id="u2043_img" class="img " src="images/0-目录/u726.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u2044" class="ax_default _水平线">
          <img id="u2044_img" class="img " src="images/1_1-观看者页面/u739.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2045" class="ax_default _形状">
        <img id="u2045_img" class="img " src="images/屏蔽和马赛克（马赛克暂不做）/u2045.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2046" class="ax_default _形状">
        <img id="u2046_img" class="img " src="images/屏蔽和马赛克（马赛克暂不做）/u2046.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2047" class="ax_default _文本段落">
        <img id="u2047_img" class="img " src="images/屏蔽和马赛克（马赛克暂不做）/u2047.png"/>
        <div id="u2047_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">遮挡直播当前画面和声音</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">下滑开启</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2048" class="ax_default _形状">
        <img id="u2048_img" class="img " src="images/屏蔽和马赛克（马赛克暂不做）/u2048.png"/>
        <div id="u2048_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">取消屏蔽</span></p>
        </div>
      </div>

      <!-- Unnamed (B01发布者-发起直播) -->

      <!-- Unnamed (矩形) -->
      <div id="u2050" class="ax_default _形状">
        <img id="u2050_img" class="img " src="images/观看者-流程图/u415.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2051" class="ax_default _形状">
        <img id="u2051_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u2051_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">闪光灯</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2052" class="ax_default _形状">
        <img id="u2052_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u2052_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">前后</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2053" class="ax_default _形状">
        <img id="u2053_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u2053_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">屏蔽</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2054" class="ax_default _形状">
        <img id="u2054_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u2055" class="ax_default" data-left="111" data-top="18" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u2056" class="ax_default _文本段落">
          <img id="u2056_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u2056_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u2057" class="ax_default _形状">
          <img id="u2057_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2058" class="ax_default _形状">
        <img id="u2058_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2059" class="ax_default _文本段落">
        <img id="u2059_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u2059_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2060" class="ax_default _形状">
        <img id="u2060_img" class="img " src="images/发布者-流程图/u549.png"/>
        <div id="u2060_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">您当前关闭了声音权限，此次直播无法录音</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2061" class="ax_default _文本段落" data-label="Header 2">
        <img id="u2061_img" class="img " src="images/屏蔽和马赛克（马赛克暂不做）/header_2_u2061.png"/>
        <div id="u2061_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">2.2.1-</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">直播者--屏蔽和马赛克</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2062" class="ax_default _文本段落">
        <img id="u2062_img" class="img " src="images/屏蔽和马赛克（马赛克暂不做）/u2062.png"/>
        <div id="u2062_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">1</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">，用户在直播界面可手动脱拽出一个马赛克区域</span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;"><br></span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">2，区域需要有最大最小值，当拖拽小于最小值拖拽失败</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#FF9900;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#000000;">3</span><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;color:#000000;">，当马赛克区域选取成功后，会自动追踪当前区域（可以保证当前追踪区域离开直播画面后再次进入也可被追踪到）</span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;color:#000000;"><br></span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;color:#000000;">4，直到直播者拖拽出新的区域后，之前跟踪区域消失</span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;color:#000000;"><br></span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;color:#FF3300;">5，马赛格开启成功需要给出提示边框变绿闪烁</span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;color:#FF3300;"><br></span></p><p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;color:#FF3300;">6，马赛克开启失败需要给出提示边框变红闪烁，闪烁后消失</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2063" class="ax_default _形状">
        <img id="u2063_img" class="img " src="images/屏蔽和马赛克（马赛克暂不做）/u2063.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2064" class="ax_default _文本段落">
        <img id="u2064_img" class="img " src="images/互动/u962.png"/>
        <div id="u2064_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">马赛克：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2065" class="ax_default _文本段落">
        <img id="u2065_img" class="img " src="images/节目信息（暂不做）/u1104.png"/>
        <div id="u2065_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';">屏蔽界面：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2066" class="ax_default _文本段落">
        <img id="u2066_img" class="img " src="images/屏蔽和马赛克（马赛克暂不做）/u2066.png"/>
        <div id="u2066_text" class="text ">
          <p><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">开启屏蔽：</span></p><p><span style="font-family:'微软雅黑';font-weight:400;"><br></span></p><p><span style="font-family:'微软雅黑';font-weight:400;">1，当前画面毛玻璃处理，但是画面仍在继续</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">2，观看者也同样毛玻璃处理</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">3，声音关闭</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">4，用户点击屏蔽按钮可以打开</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">5，如果开启闪光灯此时，关闭闪光灯，取消屏蔽恢复</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">6，闪光灯和前后摄像头切换不可用</span></p><p><span style="font-family:'微软雅黑';font-weight:400;">7，下滑取消屏蔽按钮可关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (B01发布者-发起直播) -->

      <!-- Unnamed (矩形) -->
      <div id="u2068" class="ax_default _形状">
        <img id="u2068_img" class="img " src="images/观看者-流程图/u415.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2069" class="ax_default _形状">
        <img id="u2069_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u2069_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">闪光灯</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2070" class="ax_default _形状">
        <img id="u2070_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u2070_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">前后</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2071" class="ax_default _形状">
        <img id="u2071_img" class="img " src="images/观看者-流程图/u446.png"/>
        <div id="u2071_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">屏蔽</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2072" class="ax_default _形状">
        <img id="u2072_img" class="img " src="images/观看者-流程图/u417.png"/>
      </div>

      <!-- Unnamed (组合 ) -->
      <div id="u2073" class="ax_default" data-left="111" data-top="18" data-width="61" data-height="17">

        <!-- Unnamed (矩形) -->
        <div id="u2074" class="ax_default _文本段落">
          <img id="u2074_img" class="img " src="images/观看者-流程图/u419.png"/>
          <div id="u2074_text" class="text ">
            <p><span style="font-family:'微软雅黑';font-weight:400;">22：12&nbsp;&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u2075" class="ax_default _形状">
          <img id="u2075_img" class="img " src="images/观看者-流程图/u420.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2076" class="ax_default _形状">
        <img id="u2076_img" class="img " src="images/观看者-流程图/u421.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2077" class="ax_default _文本段落">
        <img id="u2077_img" class="img " src="images/观看者-流程图/u422.png"/>
        <div id="u2077_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">andy</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2078" class="ax_default _形状">
        <img id="u2078_img" class="img " src="images/发布者-流程图/u549.png"/>
        <div id="u2078_text" class="text ">
          <p><span style="font-family:'微软雅黑';font-weight:400;">您当前关闭了声音权限，此次直播无法录音</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2079" class="ax_default _形状">
        <img id="u2079_img" class="img " src="images/屏蔽和马赛克（马赛克暂不做）/u2079.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2080" class="ax_default _文本段落" data-label="Header 2">
        <img id="u2080_img" class="img " src="images/1_1-观看者页面/header_2_u782.png"/>
        <div id="u2080_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">说明：</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2081" class="ax_default _文本段落" data-label="Header 2">
        <img id="u2081_img" class="img " src="images/1_1-观看者页面/header_2_u782.png"/>
        <div id="u2081_text" class="text ">
          <p><span style="font-family:'微软雅黑 Light', '微软雅黑 Regular', '微软雅黑';font-weight:250;">说明：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2082" class="ax_default _文本段落">
        <img id="u2082_img" class="img " src="images/节目信息（暂不做）/u1155.png"/>
        <div id="u2082_text" class="text ">
          <p style="font-size:36px;"><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;font-size:56px;color:#000000;">23</span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;"> </span><span style="font-family:'微软雅黑 Oblique', '微软雅黑 Regular', '微软雅黑';font-style:oblique;color:#999999;">/ 61</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
